import { useEffect, useState } from 'react';
import { useWindowSize } from 'react-use';
import { PC_DEVICE_WIDTCH } from '@base/const/index';

/**
 * 设备检测：
 * - 判断当前是否为移动设备
 * - 判断依据屏幕宽度是否小于一个指定宽度
 */
export default function useDeviceType() {
    // 获取屏幕尺寸信息
    const { width } = useWindowSize();

    // 设备状态信息
    const [isMobile, setIsMobile] = useState(false);

    useEffect(() => {
        setIsMobile(width < PC_DEVICE_WIDTCH);
    }, [width]);

    return { isMobile };
}
